简介:本课程为Canvas系列课程第二课。通过对《绚丽的倒计时效果的学习》,在大家对Canvas绘图有一定了解的基础上,本课程对Canvas的各个图形接口进行了系统详细地介绍,并辅以示例,让同学彻底掌握Canvas绘图,随心所欲在浏览器上绘制炫丽效果!
第1章 让我们继续Canvas绘图之旅
通过《绚丽的倒计时效果》,相信大家已经对Canvas绘图有了基础的理解。现在,让我们继续Canvas之旅吧!
第2章 从线条开始
线条元素虽然简单,但不可小觑。它是构成图形的基础元素。本章详细介绍了Canvas绘图中使用线条构成基本图形元素的方法。
第3章 线条的属性
引入一个更加复杂的图形绘制案例——画一个五角星。并且通过这个案例,详细说明Canvas线条属性的使用。
第4章 星空和图形变换
拓展五角星的绘制,绘制多个五角星组成一片星空,并且据此介绍Canvas中图形变换相关功能的使用。
第5章 填充样式
本章详细介绍了fillStyle可以使用的所有样式。除了使用一种颜色以外,还包括使用线性渐变或者径向渐变进行渐变色的填充;使用图片、画布或者video视频进行样式填充。
第6章 曲线的绘制
本章详细分析了Canvas绘图提供的四个曲线绘制函数,使得大家可以在自己的Canvas画布上任意绘制弧线或者曲线,大大拓展了绘制的灵活性。
第7章 文字的渲染
本章详细介绍了在canvas上进行文字渲染的方式。学习本章后,大家可以图文并茂地使用Canvas,创建属于自己的Canvas应用。
第8章 Canvas高级内容
给自己的绘图添加阴影;制定全局透明色;制作绚丽的探照灯效果或者剪纸效果;为Canvas绘图添加交互能力……本章探讨了5个不同侧面的高级话题,让你意识到,Canvas绘图——只有想不到,没有做不到!
第9章 Canvas之旅仍在继续
Canvas是如此的具有魅力,将web从传统的文档显示带入了一个全新的境地。Canvas标准一直在更新,同时,我们的Canvas之旅远没结束。让我们一起看看,使用Canvas,我们还有可能做出什么。